<template>
<div id="AboutUs">
    <div class="top_content">
        <div class="title">
            <h1>关于</h1>
            <p>about Us</p>
        </div>
    </div>
    <div class="mid_content">
        <div class="title"><span class="leftSpan"></span><div class="con_title">公司简介</div></div>
        <p>三碳，企业碳管理、企业碳排放、个人碳普惠，归根到底在于人。</p>
        <p>三人成众，众人参与，只有人人参与，才能让碳市场更有活力；需求至上，技术是根本，新时期，新理念，用全新的理念推动了国家以及全世界高质量发展，共建良好、可持续、优质的生态环境。</p>
        <p>以民为本，调动广大群众积极性，普惠到个人，发挥其主观能动性，全民参与碳交易市场，激活市场内在动力，才能更好更快的实现我国碳中和和碳达峰的目标任务，引领世界高质量绿色低碳发展。</p>
        <p>全世界最苦、最难、最朴素、最有信仰的要数广大的农民了，坚守一方水土辛勤耕作一辈子，不忘初心、落叶归根。碳普惠更应该让这么一群可爱的人真真感受到普惠。</p>
    </div>
</div>
    
</template>

<script>
export default {

}
</script>

<style scoped>
#AboutUs{
    position: relative;
}
.top_content{
    width:100%;
    height:480px;
    background: url("../assets/aboutbg.jpeg");
    background-size: cover !important;
    background-repeat: round !important;
    text-align: center;
    overflow:hidden;
}
.top_content .title{
    margin-top: 160px;
    color: #333;
}
.mid_content{
    width: 1080px;
    position:relative;
    left: 50%;
    margin-left:-540px;
    top:-200px;
    min-height: 381px;
    -webkit-box-shadow: 0 11px 24px rgba(0, 17, 54, 0.58);
    -moz-box-shadow: 0 11px 24px rgba(0, 17, 54, 0.58);
    box-shadow: 0 11px 24px rgba(0, 17, 54, 0.58);
    background: #ffffff;
    padding: 30px 40px;
    box-sizing: border-box;
}
.mid_content .title{
    font-size: 22px;
    line-height: 30px;
    overflow: hidden;
    color:#333;

}
.title .con_title{
    margin-left:10px;
    margin-top: -5px;
}
.mid_content p{
    text-indent: 20px;
    font-size: 18px;
    color:#666;
}
</style>